<template>
  <div>
    life cycle
    <h3>点击时，鼠标当前坐标：X：{{ location.x }}，Y：{{ location.y }}</h3>
  </div>
</template>

<script>
import {
  ref,
  reactive,
  onBeforeMount,
  onMounted,
  onBeforeUpdate,
  onUpdated,
  onBeforeUnmount,
  onUnmounted
} from 'vue'
import useGetLocation from '../hooks/useGetPoint'
export default {
  setup() {
    let location = useGetLocation()
    return {
      location
    }
  }
}
</script>

<style></style>
